<template>
    <div class="text-lg text-primary p-3 space-y-2">
    <div class="text-xl font-semibold my-4 text-indigo-400" :key="1">Manbi Cloud</div>
    <template v-for="(menuItem, index) in $store.getters.menuDate" :key="index">
        <div class="space-y-4 text-base">
          <ul class="space-y-4">
            <li class="text-grey">{{ menuItem.title }}</li>
            <li class="flex items-center" v-for="(item, index) in menuItem.subList" :key="index" @click="$emit('onRouteClick', item)">
              <m-svg-icon :name="item.icon"  class="w-2.5 h-2.5"></m-svg-icon>
              <span class="ml-1">{{ item.name }}</span>
            </li>
          </ul>
      </div>
    </template>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped></style>
